<template>
  <div>
    子组件2
    <input type="text" v-model="msg">
    <div>输入的内容为：{{msg}}</div>
  </div>
</template>

<script setup>
import { ref ,onUnmounted,onActivated,onDeactivated} from 'vue';

const msg = ref('')
onUnmounted(()=>{
  console.log("2 onUnmounted....");
})

onActivated(()=>{
  console.log('2 onActivated......');
})
onDeactivated(()=>{
  console.log('2 onDeactivated....');
})
</script>